<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
 <script type="text/javascript" src="assets/js/jquery.js"></script>
  <link href="assets/js/footable/css/footable.core.css?v=2-0-1" rel="stylesheet" type="text/css">
    <link href="assets/js/footable/css/footable.standalone.css" rel="stylesheet" type="text/css">
    <link href="assets/js/footable/css/footable-demos.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="plugins/footable/css/footable.bootstrap.css">
    <link rel="stylesheet" href="plugins/footable/css/footable.bootstrap.min.css">
         <script src="demo-rows.js" type="text/javascript"></script>
</head>
<body>
  <table class="table" data-paging="true"></table>
	


   <script type="text/javascript" src="assets/js/jquery.min.js"></script>
   
   <script type="text/javascript" src="plugins/bootstrap/js/bootstrap.js"></script>
   <script type="text/javascript" src="plugins/bootstrap/js/bootstrap.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.6/footable.js"></script>
   <script src="assets/js/footable/js/footable.sort.js?v=2-0-1" type="text/javascript"></script>
   <script src="assets/js/footable/js/footable.filter.js?v=2-0-1" type="text/javascript"></script>
   <script src="assets/js/footable/js/footable.paginate.js?v=2-0-1" type="text/javascript"></script>
   
  
    
<script>
jQuery(function($){
	$('.table').footable({
		"columns": $.get('columns.json'),
		"rows": $.get('rows.json')
	});
});
</script>
</body>
</html>